require.config({
  baseUrl: "js/library", // 基础路径
  paths: {
    jquery: "jquery",
    axios: "axios",
    cookie: "cookie",
  },
  // shim用于管理第三方插件的依赖
  shim: {},
});

require(["axios", "jquery", "cookie"], function (axios, $, cookie) {
  let id = location.search.split("=")[1];

  axios
    .get("./product/getitem", {
      params: {
        id,
      },
    })
    .then((res) => {
      let data = res.data[0];

      let pic = JSON.parse(data.picture);

      let template = `
      <div class="info">
      <p class="p1">${data.title}</p>
      <div class="pic-box">
        <p>
          <span> 价&nbsp; &nbsp; 格</span>
          <span>￥${data.price}</span>
          <span> <del>￥169</del></span>
        </p>
      </div>
      </div>
    </div>
      `;

      $("body")
        .html(template)
        .find("#additem")
        .on("click", function () {
          addItem(data.id, $("#num").val());
        });
    })
    .catch((err) => {
      console.log(err);
    });

  // // cookie中只能存储字符串
  // // 存储JSON字符串

  // shop=[{"id":"100001","num":3},{"id":"100003","num":2}]

  // function addItem(id, num) {
  //   let product = { id, num };

  //   let shop = cookie.get("shop"); // 读取cookie中的购物车数据

  //   if (shop) {
  //     // 判断是否cookie数据中已有商品
  //     shop = JSON.parse(shop);

  //     // 判断当前商品在购物车数据中是否已经存在 如果数据存在 则修改数量 不存在则添加(push)
  //     if (shop.some((el) => el.id == id)) {
  //       let index = shop.findIndex((elm) => elm.id == id); // 查找当前商品id在数组中的索引
  //       let count = parseInt(shop[index].num); // 该商品当前的数量
  //       count += parseInt(num); // 改变数量
  //       shop[index].num = count;
  //     } else {
  //       shop.push(product);
  //     }
  //   } else {
  //     // 没有数据 初始化一个数组 存入数据
  //     shop = [];
  //     shop.push(product);
  //   }

  //   cookie.set("shop", JSON.stringify(shop));
  // }
});
